/* Tooltip container */
 .tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
    padding-right:20px;
  }
  .tooltip:after{
     font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 300, 'opsz' 48;
    content: "\e88e";
    color:#666;
    position:absolute;
    right:0;
    top:0;
    font-size:18px;
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    min-width: 200px;
    width:auto;
    background-color: #555;
    color: #fff;
    /*text-align: center;*/
    text-align:left;
    padding: 12px;
    border-radius: 4px;
  font-size:0.875em;
  line-height:normal;
  
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
  
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  /* Tooltip arrow */
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #666 transparent transparent transparent
    
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    
  } 
  .tooltip:hover{cursor:pointer;color:#c33c66;}
  
  
  table{width:100%;min-width:100%;border:0;border-collapse:separate;}
  table td, table th{width:25%!important;text-align:center;padding:8px 6px;}
  table th{background:#fff;border:0;}
  table td{font-size:0.875em;border-bottom:1px solid #fff;background:#f4f4f4;}
  table tr td:first-child{background:#fff;text-align:right;padding-right:10px;font-size:0.875em;border:0;}
  table tr:first-child td:nth-child(2){border-top-left-radius:10px;}
  table tr:first-child td:nth-child(4){border-top-right-radius:10px;}
  table tr:last-child td:nth-child(2){border-bottom-left-radius:10px;}
  table tr:last-child td:nth-child(4){border-bottom-right-radius:10px;}
  
  
  /* fix overflow issues */
  
  table tr td:nth-child(2),
  table tr th:nth-child(2),
  table tr td:nth-child(2) .material-icons{color:#d8556d;}
  table tr td:nth-child(3),
  table tr th:nth-child(3),
  table tr td:nth-child(3) .material-icons{color:#619da8;}
  table tr td:nth-child(4),
  table tr th:nth-child(4),
  table tr td:nth-child(4) .material-icons{color:#494949;}
  
  table tr td .material-icons{font-weight:700;}
  
  .umb-grid .row, #main-content .container{overflow:visible;}